<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
  <ul onclick="alert(1)">
  	<li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
</body>

</html>
<script>
	var myList=document.getElementsByTagName('ul')[0];
	var deepList=myList.cloneNode(true);
	console.log(deepList);
	console.log(deepList.childNodes.length);//7(高版本浏览器)3(IE8-)
	
	
	var shallowList=myList.cloneNode(false);
	
	console.log(shallowList);
	console.log(shallowList.childNodes.length);//0
	
	//cloneNode()方法不会复制添加到DOM节点中的js属性，例如事件处理程序等，这个方法只复制特性(在明确指定的情况下也复制)子节点，其他一切都不会复制。IE在此存在一个bug，即他会复制事件处理程序
	//所以我们建议在复制之前最好先移除事件处理程序。
	
	console.log(deepList.normalize());
	
	console.log(deepList.childNodes.length);
</script>
	